$(document).ready( function() {
	init_tooltip();
});

function init_tooltip() {
	if (!$('.textfiled').length) {
		return;
	}
	
	$('body').append('<div id="tooltip_outer"><div id="tooltip_inner"></div></div>');
	
	var $tt_title, $tt_alt;
	var $tt = $('#tooltip_outer');
	var $tt_i = $('#tooltip_inner');
	
	$('.textfiled').hover( function() {
		$tt_t = $(this).val().replace(/(\r\n|\n|\n\n)/gi,'[split]');
		$tt_t = $tt_t.replace(/\'/g,"''");
		$tt_t = $tt_t.split("[split]");
		$result="";
		$.each(
				$tt_t,function(i){
										if($tt_t[i]=="")
											$result +="<p>&nbsp;</p>"+"\r\n";
										else
											$result +="<p>"+$tt_t[i]+"</p>"+"\r\n";
										
		});		
		
		$tt_title=$result;		
		$tt_i.html($tt_title);
		
		$tt.show();
	},
	function() {
		$tt.hide();
		
		$tt_i.html('');
		
		if ($tt_title) {
			$(this).attr('title', $tt_title);
		}

		if ($tt_alt) {
			$(this).attr('alt', $tt_alt);
		}
	}).mousemove( function(ev) {
		var $ev_x = ev.pageX;
		var $ev_y = ev.pageY;
		
		var $tt_x = $tt.outerWidth();
		var $tt_y = $tt.outerHeight();
		
		var $bd_x = $('body').outerWidth();
		var $bd_y = $('body').outerHeight();
		
		$tt.css({
			'top': $ev_y + $tt_y > $bd_y ? $ev_y - $tt_y : $ev_y,
			'left': $ev_x + $tt_x + 20 > $bd_x ? $ev_x - $tt_x - 10 : $ev_x + 15
		});
	});	
}

